
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>修改登录密码</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@1.6/lib/index.css">
		<script src="../../js/vue.min.js"></script>
		<script src="../../js/vant.min.js"></script>
	</head>
	<body>
		<div id="app">
			<head>
				<van-nav-bar title="修改登录密码" left-text="" right-text="确认修改" left-arrow @click-left="onClickLeft" @click-right="onClickRight" ></van-nav-bar>
			</head>
			<section>
				<van-cell-group>
					<van-field :value="sms " center clearable label="短信验证码"  use-button-slot>
						<van-button slot="button" size="small" type="danger">发送验证码</van-button>
					</van-field><van-field  type="password" label="登录密码" placeholder="最少6位" required></van-field>
					<van-field  type="password" label="确认密码" placeholder="再次输入登录密码" required></van-field>
				</van-cell-group>
				
			</section>
			<footer>
				<van-icon name="info-o" />系统将会向您绑定的手机号码发送一条短信
			</footer>
		</div>
		<script>
			var vm = new Vue({
				el: "#app",
				data: {
					sms:""
				},
				 methods: {
					onClickLeft() {
					  alert('返回');
					},
					onClickRight() {
					  alert('已修改');
					}
				  }
			})
		</script>
	</body>
</html>
